import * as echarts from 'echarts'

const option = {
  // backgroundColor: '#23243a',
  tooltip: {
    //提示框组件
    trigger: 'axis',
    formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}',
    axisPointer: {
      type: 'shadow',
      label: {
        backgroundColor: '#6a7985'
      }
    },
    textStyle: {
      color: '#fff',
      fontStyle: 'normal',
      fontFamily: '微软雅黑',
      fontSize: 12
    }
  },
  grid: {
    left: '2%',
    right: '4%',
    bottom: '12%',
    top: 30,
    padding: '0 0 10 0',
    containLabel: true
  },
  // legend: {
  //   //图例组件，颜色和名字
  //   right: 10,
  //   top: 0,
  //   itemGap: 16,
  //   itemWidth: 18,
  //   itemHeight: 10,
  //   data: [
  //     {
  //       name: '当前'
  //     },
  //     {
  //       name: '对比'
  //     }
  //   ],
  //   textStyle: {
  //     color: 'rgb(0,253,255,0.6)',
  //     fontStyle: 'normal',
  //     fontFamily: '微软雅黑',
  //     fontSize: 12
  //   }
  // },
  xAxis: [
    {
      type: 'category',
      boundaryGap: true, //坐标轴两边留白
      data: [],
      axisLabel: {
        //坐标轴刻度标签的相关设置。
        interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
        margin: 5,
        textStyle: {
          color: '#c9cdfe',
          fontStyle: 'normal',
          fontFamily: '微软雅黑',
          fontSize: 12
        }
      },
      axisTick: {
        //坐标轴刻度相关设置。
        show: false
      },
      axisLine: {
        //坐标轴轴线相关设置
        lineStyle: {
          color: '#rgba(13, 55, 154, 0.4)',
          opacity: 0.2
        }
      },
      splitLine: {
        //坐标轴在 grid 区域中的分隔线。
        show: false
      }
    }
  ],
  yAxis: [
    {
      type: 'value',
      splitNumber: 5,
      axisLabel: {
        textStyle: {
          color: '#c9cdfe',
          fontStyle: 'normal',
          fontFamily: '微软雅黑',
          fontSize: 12
        }
      },
      min: 0,
      minInterval: 10,
      axisLine: {
        show: false
      },
      axisTick: {
        show: false
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: 'rgba(13, 55, 154, 0.6)',
        },
        axisLine: {
          lineStyle: {
            color: 'rgba(13, 55, 154, 0.6)'
            // 纵坐标线的颜色
          }
        }
      }
    }
  ],
  series: [
    {
      name: '当前',
      type: 'bar',
      data: [3431, 2174, 1442, 761, 366, 5],
      barWidth: 10,
      barGap: 0, //柱间距离
      label: {
        //图形上的文本标签
        normal: {
          show: true,
          position: 'top',
          textStyle: {
            color: '#a8aab0',
            fontStyle: 'normal',
            fontFamily: '微软雅黑',
            fontSize: 12
          }
        }
      },
      itemStyle: {
        //图形样式
        normal: {
          barBorderRadius: [5, 5, 0, 0],
          color: new echarts.graphic.LinearGradient(
            0,
            0,
            0,
            1,
            [
              {
                offset: 0,
                color: 'rgba(23, 255, 243 ,1)'
              },
              {
                offset: 0.15,
                color: 'rgba(23, 255, 243 ,0.8)'
              },
              {
                offset: 0.31,
                color: 'rgba(23, 255, 243 , 0.6)'
              },
              {
                offset: 0.9,
                color: 'rgba(23, 255, 243 ,0.5)'
              },
              {
                offset: 1,
                color: 'rgba(23, 255, 243 ,0.5)'
              }
            ],
            false
          )
        }
      }
    },
  ]
}

export default ({ xaxis, yaxis }) => {

  const charts = {
    names: ['当前'],
    value: [yaxis]
  }
  option.series = option.series.map((i, index) => {
    return { ...i, data: charts.value[index] }
  })
  option.xAxis[0].data = xaxis || []
  return {
    ...option,

  }

}

